<template>
    <div class="category">
			<Header class="header" title="分类">
					<span slot="left"></span>
					<router-link slot="right" to="/search"> 
							<i class="icon icon-white-search"></i>
					</router-link>
			</Header>
			<yd-scrolltab class="main">
        <yd-scrolltab-panel v-for="(cate,index) in categoryList" :key="index" :label="cate.label">
           <div class="sub-cate">
						 <CategroryItem v-for="(sub,index) in cate.subCategorys" 
						 :key="index"
						  :title="sub.title"
							:list="sub.list"
							/>	
					 </div>
        </yd-scrolltab-panel>
    	</yd-scrolltab>
      <Tabbar></Tabbar>
    </div>
</template>
<script>
import CategroryItem from "../components/CategoryItem";
export default {
  name: 'category',
  components: {
    CategroryItem
  },
  data() {
    return {
      categoryList: [
        {
          label: "为你推荐",
          subCategorys: [
            {
              title: "热销精选",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            },
            {
              title: "品牌乐器",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            }
          ]
        },
        {
          label: "键盘乐器",
          subCategorys: [
            {
              title: "热销精选",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            },
            {
              title: "品牌乐器",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            }
          ]
        },
        {
          label: "打击乐器",
          subCategorys: [
            {
              title: "热销精选",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            },
            {
              title: "品牌乐器",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            }
          ]
        },
        {
          label: "弹拔乐器",
          subCategorys: [
            {
              title: "热销精选",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            },
            {
              title: "品牌乐器",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            }
          ]
        },
        {
          label: "吹奏乐器",
          subCategorys: [
            {
              title: "热销精选",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            },
            {
              title: "品牌乐器",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            }
          ]
        },
        {
          label: "拉弦乐器",
          subCategorys: [
            {
              title: "热销精选",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            },
            {
              title: "品牌乐器",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            }
          ]
        },
        {
          label: "钢管乐器",
          subCategorys: [
            {
              title: "热销精选",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            },
            {
              title: "品牌乐器",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            }
          ]
        },
        {
          label: "唇鸣类",
          subCategorys: [
            {
              title: "热销精选",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            },
            {
              title: "品牌乐器",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            }
          ]
        },
        {
          label: "簧鸣类",
          subCategorys: [
            {
              title: "热销精选",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            },
            {
              title: "品牌乐器",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            }
          ]
        },
        {
          label: "弓拉弦鸣",
          subCategorys: [
            {
              title: "热销精选",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            },
            {
              title: "品牌乐器",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            }
          ]
        },
        {
          label: "弹拔弦鸣",
          subCategorys: [
            {
              title: "热销精选",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            },
            {
              title: "品牌乐器",
              list: [
                {
                  pic: require("../assets/img/category/1.png"),
                  text: "钢琴"
                },
                {
                  pic: require("../assets/img/category/2.png"),
                  text: "架子鼓"
                },
                {
                  pic: require("../assets/img/category/3.png"),
                  text: "电子琴"
                },
                {
                  pic: require("../assets/img/category/4.png"),
                  text: "笛"
                },
                {
                  pic: require("../assets/img/category/5.png"),
                  text: "筝"
                }
              ]
            }
          ]
        }
      ]
    };
  }
};
</script>

